{% if en %}
<div role="tabpanel" class="tab-pane config-section" id="fields">
    <form method="POST" autocomplete="off" class="w-100">
        <h5>Custom Fields</h5>

        <small class="form-text text-muted">
            Add custom fields to get additional data from your participants
        </small>

        <ul class="nav nav-tabs mt-3" role="tablist">
            <li class="nav-item active">
                <a class="nav-link active" href="#user-fields" role="tab" data-toggle="tab">
                    Users
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#team-fields" role="tab" data-toggle="tab">
                    Teams
                </a>
            </li>
        </ul>

        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="user-fields">
                <div class="col-md-12 py-3">
                    <small>Custom user fields are shown during registration. Users can optionally edit these fields in their profile.</small>
                </div>

                <div id="user-field-list" class="pt-3">
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="team-fields">
                <div class="col-md-12 py-3">
                    <small>Custom team fields are shown during team creation. Team captains can optionally edit these fields in the team profile.</small>
                </div>

                <div id="team-field-list" class="pt-3">
                </div>
            </div>
        </div>
    </form>
</div>
{% else %}
<div role="tabpanel" class="tab-pane config-section" id="fields">
    <form method="POST" autocomplete="off" class="w-100">
        <h5>自定义字段</h5>

        <small class="form-text text-muted">
            添加自定义字段以从参与者那里获取更多数据
        </small>

        <ul class="nav nav-tabs mt-3" role="tablist">
            <li class="nav-item active">
                <a class="nav-link active" href="#user-fields" role="tab" data-toggle="tab">
                    用户
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#team-fields" role="tab" data-toggle="tab">
                    队伍
                </a>
            </li>
        </ul>

        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="user-fields">
                <div class="col-md-12 py-3">
                    <small>注册期间会显示自定义用户字段。 用户可以选择在其个人资料中编辑这些字段。</small>
                </div>

                <div id="user-field-list" class="pt-3">
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="team-fields">
                <div class="col-md-12 py-3">
                    <small>自定义团队字段在团队创建过程中显示。 队长可以选择在团队资料中编辑这些字段。</small>
                </div>

                <div id="team-field-list" class="pt-3">
                </div>
            </div>
        </div>
    </form>
</div>
{% endif %}

